$mainColor: #21c38f;
$mainColorActive: rgba($mainColor, 0.7);
$mainColorlight: rgba($mainColor, 0.05);
$mainBg4:#f6f6f6;
$mainBg3:#efeef3;
$mainBg2:#f2f2f3;
$mainBd: #f7f7f7;
$hoverBd: #eeeeee;
$mainBlack1: #333333;
$mainBlack2: #666666;
$mainBlack3: #999999;
$lineColor: #ebedf0;
$colorRed:#ff0000;
$colorRedlight: rgba($colorRed, 0.05);
$mainYellow:#ffc222;
$mainBlue:#3896fc;
$shadow: 0 0 20rpx -5rpx rgba(0, 0, 0, 0.1);


%clear-float {
	&:after {
		display: block;
		content: "clear";
		height: 0;
		clear: both;
		overflow: hidden;
		visibility: hidden;
	}
}

@mixin line($line: 1) {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: $line;
	overflow: hidden;
	word-break: break-all;
}
@mixin bg-jb($start:top,$end:bottom,$colorOne:red,$colorTwo:blue,){
	 background: -webkit-linear-gradient($start, $colorOne , $colorTwo); /* Safari 5.1 - 6.0 */
	   background: -o-linear-gradient($start, $colorOne, $colorTwo); /* Opera 11.1 - 12.0 */
	   background: -moz-linear-gradient($start, $colorOne, $colorTwo); /* Firefox 3.6 - 15 */
	   background: linear-gradient(to $end, $colorOne , $colorTwo); /* 标准的语法 */
}
@mixin bg-jb-3($start:top,$end:bottom,$colorOne:red,$colorTwo:blue,$colorThree:''){
	 background: -webkit-linear-gradient($start, $colorOne , $colorTwo,$colorThree); /* Safari 5.1 - 6.0 */
	   background: -o-linear-gradient($start, $colorOne, $colorTwo,$colorThree); /* Opera 11.1 - 12.0 */
	   background: -moz-linear-gradient($start, $colorOne, $colorTwo,$colorThree); /* Firefox 3.6 - 15 */
	   background: linear-gradient(to $end, $colorOne , $colorTwo,$colorThree); /* 标准的语法 */
}


@mixin mainLabel($border:$mainColor,$bgColor:$mainColorlight){
	border:2rpx solid $border;background:$bgColor;color:$border;
}
@mixin mainBlcok($bgColor:$mainColor){
	background:$bgColor;color:#ffffff;
}
@mixin rotate($rotate:90){
	    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	    -moz-transform: rotate($rotate+deg);
	    -o-transform: rotate($rotate+deg);
	    -webkit-transform: rotate($rotate+deg);
	    transform: rotate($rotate+deg);
	 
}


$size: 100;
@for $i from 10 to $size {
  .base-font-#{$i} {
	font-size: $i+rpx;
  }
}

$ellipsis: 10;
@for $i from 1 to $ellipsis {
 .ellipsis#{$i}{
 	display: -webkit-box;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: $i;
 	overflow: hidden;
 	word-break: break-all;
 }
}


.text-red{color:$colorRed;}

.base-text{color:$mainColor;}
.base-yellow{color:$mainYellow}
.base-blue{color:$mainBlue}
.base-bg-color{background:$mainColor;}
.base-bg-yellow{background:$mainYellow;}
.text-green{color:$mainColor;}
.bg-green{background:$mainColor;}
.baseTitLine{height:35rpx;line-height:1;border-left:6rpx solid $mainColor;padding-left:15rpx;font-weight:520;}